<!DOCTYPE html>
<html lang="en">

<head>
    @@include('../_include/head-common.html')
    <link rel="stylesheet" href="assets/third/swiper/swiper.min.css">
    <link rel="stylesheet" href="assets/css/all.min.css">
    <title>创新动力｜形拓科技 </title>
</head>

<body class="motivation-page">
    <!-- 顶部 header start -->
    @@include('../_include/header.html',{"InnovationMotivation":"active","SuccessCases":"notcurrent"})
    <!-- // header end -->
    <!-- swiper -->
    <div class="swiper-container motivation-swiper">
        <div class="swiper-wrapper">
            <!-- 首屏 -->
            <div class="swiper-slide motivation-slide">
                <!-- 顶部kv start-->
                <div class="top-banner banner-motivation">
                    <div class="wrap-box">
                        <div class="inner-cont">
                            <h3 data-swiper-parallax="100%" data-swiper-parallax-opacity="0.5"
                                data-swiper-parallax-duration="800">我们不断创新<br />只为让<strong
                                    class="blue">「虚拟」</strong>更接近<strong class="green">「真实」</strong></h3>
                            <p class="en" data-swiper-parallax="200%" data-swiper-parallax-opacity="0.2"
                                data-swiper-parallax-duration="1000">
                                We are constantly innovating<br />Just to make the "virtual" closer to the "real"
                            </p>                       
                        </div>
                        <div class="lattice-group staggering-grid-1">
                            <div class="grid">
                                <span class="el"></span><span class="el"></span><span class="el"></span><span
                                    class="el"></span><span class="el"></span><span class="el"></span><span
                                    class="el"></span><span class="el"></span><span class="el"></span><span
                                    class="el"></span>
                                <span class="el"></span><span class="el"></span><span class="el"></span><span
                                    class="el"></span><span class="el"></span><span class="el"></span><span
                                    class="el"></span><span class="el"></span><span class="el"></span><span
                                    class="el"></span>
                                <span class="el"></span><span class="el"></span><span class="el"></span><span
                                    class="el"></span><span class="el"></span><span class="el"></span><span
                                    class="el"></span><span class="el"></span><span class="el"></span><span
                                    class="el"></span>
                            </div>
                            <div class="grid shadow">
                                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                            </div>
                        </div>
                    </div>
                    <span class="lattice-1 abs"></span>
                    <span class="lattice-2 abs"></span>
                    <span class="lattice-4 abs"></span>
                    <span class="lattice-5 abs mobile-hide"></span>
                    <!-- <div class="video-bg">
                        <video autoplay muted loop preload="auto" x-webkit-airplay='true' x5-video-player-type='h5'
                            x5-video-player-fullscreen='true' playsinline class="video">
                            <source src="assets/video/banner-motivation.mp4">
                        </video>
                    </div> -->
                </div>
                <!-- // 顶部kv end-->
            </div>
            <div class="swiper-slide motivation-slide">
                <div class="wrap-box">
                    <div class="inner-content">
                        <h3 class="cont-til50" data-swiper-parallax="-300%" data-swiper-parallax-opacity="0.5"
                            data-swiper-parallax-duration="800">不断完善机理模型<br />
                            提供更真实的体验</h3>
                        <p class="txt" data-swiper-parallax="-400%" data-swiper-parallax-opacity="0.2"
                            data-swiper-parallax-duration="1000">
                            与全球知名研究机构合作，在大量实验数据的基础上，提供并不断完善各种流体、爆破、烟雾、动力学模型只为追求更为真实的仿真表现，为客户提供设计建议及体验感受
                        </p>
                    </div>
                    <div class="lattice-group abs staggering-grid-1">
                        <div class="grid">
                            <span class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span>
                            <span class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span>
                            <span class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span>
                        </div>
                        <div class="grid shadow">
                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                        </div>
                    </div>
                    <span class="lattice-5 abs"></span>
                    <span class="lattice-6 abs"></span>
                </div>
                <!-- <div class="video-bg">
                    <video autoplay muted loop preload="auto" x-webkit-airplay='true' x5-video-player-type='h5'
                        x5-video-player-fullscreen='true' playsinline class="video">
                        <source src="assets/video/motivation-2.mp4">
                    </video>
                </div> -->
            </div>
            <div class="swiper-slide motivation-slide">
                <div class="wrap-box">
                    <div class="inner-content">
                        <h3 class="cont-til50" data-swiper-parallax="-300%" data-swiper-parallax-opacity="0.5"
                            data-swiper-parallax-duration="800">自研图形采集技术<br />
                            有效缩短项目周期，减少资源占用</h3>
                        <p class="txt" data-swiper-parallax="-400%" data-swiper-parallax-opacity="0.3"
                            data-swiper-parallax-duration="1000">
                            从客户成本、应用角度出发，自研出多种计算机图形采集技术，有效缩短项目建模和修改周期；大场景模型轻量化，有效减少传输资源占用
                        </p>
                    </div>
                    <div class="lattice-group abs staggering-grid-1">
                        <div class="grid">
                            <span class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span>
                            <span class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span>
                            <span class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span>
                        </div>
                        <div class="grid shadow">
                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                        </div>
                    </div>
                    <span class="lattice-5 abs"></span>
                    <span class="lattice-6 abs"></span>
                </div>
                <!-- <div class="video-bg">
                    <video autoplay muted loop preload="auto" x-webkit-airplay='true' x5-video-player-type='h5'
                        x5-video-player-fullscreen='true' playsinline class="video">
                        <source src="assets/video/motivation-3.mp4">
                    </video>
                </div> -->
            </div>
            <div class="swiper-slide motivation-slide">
                <div class="wrap-box">
                    <div class="inner-content">
                        <h3 class="cont-til50" data-swiper-parallax="-300%" data-swiper-parallax-opacity="0.5"
                            data-swiper-parallax-duration="800">提供全套数字服务<br />
                            助力运营管理水平提升</h3>
                        <p class="txt" data-swiper-parallax="-400%" data-swiper-parallax-opacity="0.2"
                            data-swiper-parallax-duration="1000">
                            多年工业运营数据储存、挖掘、分析、维护、安全经验，为客户提供全套的数字服务；自研人工智能算法及区块链技术，赋予运营数据更多价值，助力客户实现生产运营中的管理飞跃
                        </p>
                    </div>
                    <div class="lattice-group abs staggering-grid-1">
                        <div class="grid">
                            <span class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span>
                            <span class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span>
                            <span class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span><span class="el"></span><span class="el"></span><span
                                class="el"></span>
                        </div>
                        <div class="grid shadow">
                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                        </div>
                    </div>
                    <span class="lattice-5 abs"></span>
                    <span class="lattice-6 abs"></span>
                </div>
                <!-- <div class="video-bg">
                    <video autoplay muted loop preload="auto" x-webkit-airplay='true' x5-video-player-type='h5'
                        x5-video-player-fullscreen='true' playsinline class="video">
                        <source src="assets/video/motivation-4.mp4">
                    </video>
                </div> -->
            </div>
            <div class="swiper-slide motivation-slide">
                <div class="swiper-container footer-scroll-swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="footer">
                                <!-- <div class="lattice-group abs staggering-grid-2 w144">
                                    <div class="grid">
                                        <span class="el"></span><span class="el"></span><span class="el"></span><span
                                            class="el"></span><span class="el"></span><span class="el"></span><span
                                            class="el"></span><span class="el"></span><span class="el"></span><span
                                            class="el"></span>
                                        <span class="el"></span><span class="el"></span><span class="el"></span><span
                                            class="el"></span><span class="el"></span><span class="el"></span><span
                                            class="el"></span><span class="el"></span><span class="el"></span><span
                                            class="el"></span>
                                        <span class="el"></span><span class="el"></span><span class="el"></span><span
                                            class="el"></span>
                                    </div>
                                    <div class="grid shadow">
                                        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                                        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                                        <span></span><span></span><span></span><span></span>
                                    </div>
                                </div> -->
                                <div class="wrap-box">
                                    <span class="lattice-6 abs"></span>
                                    <!-- <span class="lattice-5 abs"></span> -->
                                    <h3 class="cont-til50" data-swiper-parallax="-200%"
                                        data-swiper-parallax-opacity="0.5" data-swiper-parallax-duration="800">
                                        不妨和我们聊聊<br />我们能为您带来什么</h3>
                                    <div class="footer-cont" data-swiper-parallax="-100%"
                                        data-swiper-parallax-opacity="0.5" data-swiper-parallax-duration="800">
                                        <div class="form-box">
                                            <div class="form-item">
                                                <span class="label">姓名</span>
                                                <input type="text" placeholder="请输入您的姓名" class="input">
                                            </div>
                                            <div class="form-item">
                                                <span class="label">电子邮件</span>
                                                <input type="text" placeholder="请输入您的电子邮箱地址" class="input">
                                            </div>
                                            <div class="form-item">
                                                <span class="label">联系电话</span>
                                                <p class="tel-item">
                                                    <i>+86</i>
                                                    <input type="text" placeholder="" class="input">
                                                </p>
                                            </div>
                                            <div class="form-item">
                                                <span class="label">途径</span>
                                                <div class="select-item J-select-item">
                                                    <span class="select-text"> 公众号 </span>
                                                    <ul class="select-options">
                                                        <li data-value="公众号" class="selected"> <span class="txt"> 公众号
                                                            </span> </li>
                                                        <li data-value="朋友推荐"> <span class="txt"> 朋友推荐 </span> </li>
                                                        <li data-value="短信推送"> <span class="txt"> 短信推送 </span> </li>
                                                        <li data-value="线下推广"> <span class="txt"> 线下推广 </span> </li>
                                                        <li data-value="其他"> <span class="txt"> 其他 </span> </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="form-item textarea-item">
                                                <span class="label">内容</span>
                                                <textarea class="textarea"></textarea>
                                            </div>
                                            <div class="form-item">
                                                <button class="more-btn">
                                                    <span class="text">立即提交</span> <i class="dot"></i><i
                                                        class="dot"></i><i class="dot"></i><i class="dot"></i>
                                                    <p class="line-group"></p>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="infor-box">
                                            <a href="index.html" class="bot-logo">
                                                <img src="assets/images/logo@2x.png">
                                            </a>
                                            <div class="contact-infor-tabbox mobile-hide">
                                                <div class="infor-tab-nav">
                                                    <span class="item active">上海</span><span class="item">山东</span><span
                                                        class="item">浙江</span>
                                                </div>
                                                <div class="infor-tab-cont">
                                                    <p>地址：徐汇区桂平路418号2008室</p>
                                                    <p>电话：（+86）02164318100</p>
                                                    <p>传真：（+86）02164318123</p>
                                                </div>
                                                <div class="infor-tab-cont" style="display: none;">
                                                    <p>地址：济南市天辰路2177号联合财富广场2号楼709</p>
                                                    <p>电话：（+86）053165687390</p>
                                                    <p>传真：（+86）053164395288</p>
                                                </div>
                                                <div class="infor-tab-cont" style="display: none;">
                                                    <p>地址：宁波市江北区宝马街8号2幢202室</p>
                                                    <p>电话：（+86）057364318100</p>
                                                    <p>传真：（+86）057364318123</p>
                                                </div>
                                            </div>
                                            <div class="WX-code">
                                                <img src="assets/images/WX_code.png" alt="形拓科技公众号">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="copyright">COPYRIGHT 2022上海形拓科技有限公司 版权所有 沪ICP备14033395号</div>
                                <div class="video-bg">
                                    <video autoplay muted loop preload="auto" x-webkit-airplay='true'
                                        x5-video-player-type='h5' x5-video-player-fullscreen='true' playsinline
                                        class="video">
                                        <source src="assets/video/foot.mp4">
                                    </video>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-scrollbar"></div>
                </div>
            </div>
        </div>
        <!-- 导航 start -->
        <ul class="motivation-swiper-navigation">
            <li class="item">
                <span class="text">机理模型</span><span class="num">01</span>
            </li>
            <li class="item">
                <span class="text">图像技术</span><span class="num">02</span>
            </li>
            <li class="item">
                <span class="text">数字科学</span><span class="num">03</span>
            </li>
        </ul>
        <!-- //end -->
    </div>

    <!-- 首屏视频背景渐隐渐现切换效果 start -->
    <div class="swiper-container swiper-no-swiping video-bg-swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="video-bg" data-pc-url="assets/video/banner-motivation.mp4"
                    data-mobile-url="assets/video/banner-motivation@2x.mp4"></div>
            </div>
            <div class="swiper-slide">
                <div class="video-bg" data-pc-url="assets/video/motivation-2.mp4"
                data-mobile-url="assets/video/motivation-2@2x.mp4">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="video-bg" data-pc-url="assets/video/motivation-3.mp4"
                data-mobile-url="assets/video/motivation-3@2x.mp4">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="video-bg" data-pc-url="assets/video/motivation-4.mp4"
                data-mobile-url="assets/video/motivation-4@2x.mp4">
                </div>
            </div>
        </div>
    </div>
    <!-- //end -->

    <script src="assets/third/jquery-2.1.4.min.js"></script>
    <script src="assets/third/jquery.mousewheel.min.js"></script>
    <script src="assets/third/swiper/swiper.min.js"></script>
    <!-- assets/third/vanilla-tilt.min.js -->
    <script src="assets/third/anime.min.js"></script>
    <script src="assets/js/common.min.js"></script>
    <script src="assets/js/motivation.min.js"></script>
</body>

</html>